@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	.head_b{padding:20px 2%;}
	.header .logo img{ max-height:50px;}
	.iconnav-list:after{ font-size:50px;}
	
	.header .nav{ position:absolute; float:left; z-index:20; height:0px; overflow:hidden; top:0px; right:0px;width:100%; margin:0px; display:block;}
	.header .nav ul{max-width:40%; float:right;background:rgba(0,123,42,0.80); }
	.header .nav .nav_li{ float:left; max-width:100%; width:100%; text-align:center;}
	.header .nav .nav_li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;height:60px;}
	.header .nav .nav_li a.iconfont::after{ display:none;}
	.header .nav>ul>li>a:hover{ border-color:#fff; background:#fff; color:#333;}
	.header .nav li a{ font-size:16px;}
	.dh{ display:block; color:#fff;}
	
	.banner li img,.banner{ height:360px;}
	.lef_rig span{ width:35px !important; top:calc(50% - 40px) !important;}
	
	section.service{ margin-top:0px; padding:0px;}
	.service ul li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.service ul li:nth-of-type(even){ float:right;}
	.map{ max-width:100%;}
	.news{ max-width:100%;}
	
	.video .popup{ padding:20px; max-height:90%;}
	.video .popup .close{ top:-20px;}
	
	.footer_b .footer_column{ max-width:33%;}
	.footer_b .code{ display:none;}
	.footer_b .contact{ max-width:100%; padding-left:calc((100% - 165px) / 2); box-sizing:border-box; margin-top:30px;}
	
	.page_picture .address{ max-width:50%;}
	.page_column .column{ max-width:100%;}
	.cult_b ul{ display:flex; flex-wrap:wrap;}
	.future .content{ max-width:100%;}
	.future .picture{ max-width:100%;}
	
	.proc_b li{ margin-right:10px; max-width:calc(25% - 8px);}
	.proc_b li .picture img{ height:150px;}
	.proc_b li .title{ padding:10px 0px;}
	
	.news_list li{ max-width:100%;}
	.news_list li .content{ max-width:calc( 100% - 200px);}
	
	.invest{ padding:50px 2%; box-sizing:border-box;}
	.inv_b .content{ max-width:100%;}
	.inv_b .picture{ max-width:100%; margin-top:20px;}
	.inv_b .content .title{ text-align:center;}
	.inv_b .content .text{ margin-top:20px;}
	
	
}
@media (max-width: 425px){
	header.header{ position:static; background:rgba(255,255,255,0.60)}
	.head_b{padding:10px 2%;}
	.iconnav-list:after, .iconnav-list:before{ font-size:42px; color:#333;}
	.page_picture .content{ top:45%;}
	.page_picture .content .title{ font-size:20px;}
	.page_picture .address{ max-width:100%;}
	
	
	.header .nav ul li a{ line-height: 40px; height:40px;}
	.header .nav .nav_li a{ height:40px; line-height:40px;}
	.iconnav-list:after{ font-size:45px;}
	.banner li img,.banner{ height:200px;}
	.lef_rig{ display:none;}
	
	.service ul{ padding:26px 2%;}
	.service ul li{ max-width:100%;}
	.video img{ height:560px;}
	
	.sj_footer{ display:block;}
	footer.footer{padding-bottom:77px;}
	
	.often{ margin:32px 0px 22px 0px; font-size:24px;}
	.page_picture .content{ top:calc(40% - 26px);}
	.page_picture .picture img{ height:280px;}
	.page_column .column{ max-width:100%; padding:15px 0px; background:#f2f2f2;}
	.page_column li{ padding:0px 10px; margin:0px auto;text-align:center; float:left;}
	.page_column li a{ font-size:14px;}
	.page_about .content{ max-width:100%;}
	.page_about .picture img{ height:auto;}
	section.culture{ padding-bottom:30px;}
	.cult_b li{ max-width:50%; margin-bottom:40px;}
	.cult_b li .title{ font-size:20px;}
	.cult_b li .text{ font-size:12px;}
	.cult_b li .title::after{ margin-bottom:0px;}
	.future .often{ text-align:center;}
	.future .content{ font-size:14px; line-height:24px;}
	section.future{ padding-bottom:30px;}
	.hon_b{ height:auto !important;}
	.hon_b ul{ position:static !important; max-width:100%; width:100%; height:auto !important;}
	.hon_b li{ max-width:49%; float:left; margin-right:0px;}
	.hon_b li:nth-of-type(even){float:right;}
	.hon_b li:nth-of-type(n+5){ display:none;}
	.honor ol{ display:none;}
	.hon_b li .title{ margin-bottom:20px;}
	.hon_b li .picture img{ height:220px;}
	.quality .often{ text-align:center;}
	.move li{ margin:0px 60px 5px 60px;}
	.map_b .title{ font-size:20px;}
	.map_b .text{ font-size:12px;}
	.map_b .more{ float:none; margin:40px auto 0px auto; display:block;}
	.footer_b .footer_column{ text-align:center; padding:0px;}
	.footer .copyright{ padding:14px 0px;}
	.proc_b li{ max-width:49%; margin-right:0% !important; margin-bottom:10px;}
	.proc_b li:nth-of-type(even){ float:right;}
	.proc_b li .picture img{ height:160px;}
	.proc_b li .title{ padding:10px 0px;}
	.flow li{ max-width:49%; margin-right:0px; float:left;}
	.flow li:nth-of-type(even){float:right;}
	
	.pack_b .picture{ max-width:100%;}
	.pack_b .picture li{ max-width:49%;}
	.pack_b .picture li:last-child{ display:none;}
	.pack_b .title{ max-width:100%; margin:5px auto; font-size:18px;}
	.pack_b .title p{ display:inline-block;}
	
	.conta_b{ display:block;}
	.conta_l{ max-width:100%;}
	.conta_l .line{ padding:36px 5%;}
	.conta_r{ max-width:100%;}
	.invest{ background:#fff; padding:10px 0px;}
	.inv_b{ padding-bottom:20px;}
	.inv_b .content .title{ font-size:20px;}
	.inv_b .content .text{ font-size:14px; line-height:24px;}
	section.products{ padding-bottom:40px;}
	section.products.touzi .often{ margin-top:10px;}
	
}

@media (max-width: 375px){
	.header .logo img{ height:45px;}
	.iconnav-list:after{ font-size:35px;}
	.header .max{ padding:15px 0px;}
	.banner li img,.banner{ height:205px;}
	.hot_search{padding:5px 0px; display:none;}
	
	.often{font-size:20px;}
	.service ul li .picture img{ height:auto;}
	
	.news_t .content .title{ font-size:16px;}	
	.service ul li .ser_ch{ font-size:16px;}
	.service ul li .ser_en{ font-size:12px;}
	.map_t .title_en{ font-size:18px;}
	.news li .title{ font-size:12px;}
	.news li time .date{ font-size:16px;}
	.news_t .picture{ max-width:100%;}
	.news_t .picture img{ height:auto;}
	.news_t .content{ max-width:100%; margin-top:20px;}
	.video .popup .close{ font-size:30px; top:0px;}

	.page_column .page_address{ display:none;}
	.page_column .title{ float:none; display:block; text-align:center; font-size:20px;}
	.hon_b li .picture img{ height:200px;}
	.move li{ margin:0px 40px;}
	section.page_about{ padding:30px 0px 25px 0px;}
	.page_picture .address{ padding:10px 0px 10px 0px;background-position:right top;}
	.page_picture .address span{ padding:0px; text-align:center;}
	.page_picture .picture img{ height:260px;}

	.proc_b li .picture img{ height:150px;}
	.flow li .picture img{ height:150px;}
	.news_list li{ display:block;}
	.news_list li .picture{ max-width:100%;}
	.news_list li .picture img{ height:auto;}
	.news_list li .content{ max-width:100%;}
	.news_list .page_list{ padding:24px 0px;}
	section.page_contact{ padding-top:10px;}
	.inv_b{ padding-top:20px;}
	.page_list{ padding:20px 0px;}
	section.process{ padding-bottom:0px;}



}



@media (max-width: 320px){
	.banner li img{ height:150px;}
	.move li{ margin:0px 10px;}
	
	
	
	
	
}